<script setup lang="ts">
defineOptions({
  name: 'VpExample'
})
defineProps({
  demo: {
    type: Object
  }
})
</script>

<template>
  <div class="example-showcase">
    <ClientOnly>
      <component :is="demo" v-if="demo" v-bind="$attrs" />
      <slot></slot>
    </ClientOnly>
  </div>
</template>

<style lang="scss" scoped>
.example-showcase {
  padding: 1.5rem;
  border: 1px solid #dcdfe6;
}
</style>
